<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <script src="../lib/prototype.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/scriptaculous.js" type="text/javascript" charset="utf-8"></script>
    <script src="../src/timeline.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css" media="screen">
      #large{
        height: 200px;
        width: 400px;
        margin-bottom: 10px;
      }
      #small{
        height: 100px;
        width: 500px;
      }
      
      .timeline_window{
        border: 1px solid black;
      }
      
    </style>
  </head>
  <body>
    <div id="large"></div>
    <div id="small"></div>
    <script type="text/javascript" charset="utf-8">
      var T = new Timeline('large').draw()
      var T2 = new Timeline('small').draw()
    </script>
  </body>
</html>